
.wrap{  position: relative; 
        width:100%;
		overflow:auto;
        min-width: 500px;}
.center{ width: 94%;
         margin:0px auto;
	     position: relative;
		 margin-top: 130px;
	     min-width: 500px;
		 overflow: hidden;
	     max-width: 1200px;
		 }
.swiper{
		 overflow: hidden;
		 width: 100%;
		 }	 
.content{
		 margin-top: 20px;
		 width: 100%;
		 overflow: hidden;
		 }
.device {
        width: 100%;
        position: relative;
}
.device img{width:100%;}

.message{
	background:rgb(6, 6, 6)radial-gradient(circle at 0% 50%, rgba(96, 16, 48, 0) 9px, #613 10px, rgba(96, 16, 48, 0) 11px) 0px 10px,
radial-gradient(at 100% 100%,      rgba(96, 16, 48, 0) 9px, #613 10px, rgba(96, 16, 48, 0) 11px),
#8a3;
background-size: 20px 20px;;
    position: absolute;
	bottom: 0;
	height: 20px;
	width: 100%;
	overflow: hidden;
	opacity: 0.6;
}
.message p{
	width: 100%;
	text-align: center;
	color: #ffffff;
	line-height: 3px;
	position: absolute;
	font-size: 20px;
}

.aticle p {
    margin-top: 50px;
	text-indent:30px; 
	padding-top: 2%;padding-bottom:2% ;
	border-top: 1px #A9A9A9 solid;
	border-bottom: 1px #A9A9A9 solid;
	font-size: 20px;
	line-height: 1.5625rem;
	color: black;
	font-family: "楷体";
	overflow: hidden;
}
.parner{ 
	  width: 50%;
	  text-align: center;
	  margin: 50px auto;
	  overflow: hidden;	
	  transition:width 1s;
}
.parner:hover{
	width:100%
}

.parner span img{
	

	   width: 10px;
	   min-width: 60px;
	   margin: 0rem 0.2%;
	

	
}



.con{
	width: 31%;
	border-radius: 15px;
	background: white;
	float: left;
	margin: 2% 0%;
	overflow: hidden;
	color: #959595;
	box-shadow: 3px 2px 2px #e3e3e3;
	position: relative;
	
}
.con img{
	
	width: 100%;
	float: left;

}
.con p{
	text-align: center;
	line-height: 25px;
	clear: both;
	font-family: "agency fb";
	font-size: 1.2em;
	color: #666666;	
	display:block;
}
.con2{
	width: 31%;
	border-radius: 15px;
	background: white;
	float: left;
	margin: 2% 3.5%;
	overflow: hidden;
	color: #959595;
	box-shadow: 3px 2px 2px #e3e3e3;
	position: relative;
}
.con2 img{
	
	width: 100%;
	float: left;

}
.con2 p{
	text-align: center;
	line-height: 25px;
	clear: both;
	font-family: "agency fb";
	font-size: 1.2em;
	color: #666666;	
	display:block;
}
@media screen and (max-width: 540px) {
.aticle p{font-size: 0.9em;
.          margin-top: 10px;}
}
@media screen and (max-width: 500px)
{.content .con,.con2:nth-child(n){
	width: 45%;
	margin-top: 2%;
	margin-left: 0%;
	margin-right: 5%;
}
.parner span img{
	margin: 0 6px;

}
}
